<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0" />
  <title>Trainer Battle</title>
  <script>
    if ((navigator.userAgent.match(
        /(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i
      ))) {
      if (location.href.indexOf('mobile') === -1) {
        location.href =
          "http://pmfr.pocketgamesol.com/activity/20180719/mobile"
      }
    } else {
      if (location.href.indexOf('mobile') !== -1) {
        {
          location.href =
            "http://pmfr.pocketgamesol.com/activity/20180719/"
        }
      }
    }
  </script>
</head>

<body id="body">
  <div class="wrap">
    <div class="content">
      <div class="center">
        <div class="header">
          <div class="logo"></div>
          <div class="interactive">
            <a class="btn ios" href="https://trainerconquest.onelink.me/GjxD/7abb7c59" target="_blank">
              <i class="icon"></i>
              <span class="os-txt">
                IOS
              </span>
            </a>
            <a class="btn android" href="https://trainerconquest.onelink.me/GjxD/7abb7c59" target="_blank">
              <i class="icon"></i>
              <span class="os-txt">
                ANDROID
              </span>
            </a>
            <div class="btn gold hide">
              CONNEXION
            </div>
            
    <div class="logged hide">
      <div class="item username">
        <span></span>
      </div>
      <div class="item zonename hide">
        <span></span>
      </div>
      <div class="item rolename hide">
        <span></span>
      </div>
      <div class="item logout">[Quitter]</div>
    </div>
  
          </div>
        </div>
        <div class="aside-left loading"></div>
        <div class="aside-right loading"></div>
        <div class="aside-bottom loading"></div>
        <div class="widget1 loading"></div>
        <div class="widget2 loading"></div>
        <div class="widget3 loading"></div>
        <div class="widget4 loading"></div>

        <div class="event1">
          <div class="title">
            ÉVÉNEMENT 1: CADEAU POUR L'ANCIEN ENTRAÎNEUR
          </div>
          <div class="desc">
            Pendant l'événement, l'ancien joueur qui revient et se connecte au jeu recevra un cadeau 9000 Diamond!
          </div>

          <div class="list">
            <div class="item rpc-1">
          <div class="item-desc">
            <div class="cell">
              Diamant*1000
            </div>
          </div>
        </div><div class="item rpc-1">
          <div class="item-desc">
            <div class="cell">
              Éclat général*200
            </div>
          </div>
        </div><div class="item rpc-1">
          <div class="item-desc">
            <div class="cell">
              Pierre d'héritage Normale*1
            </div>
          </div>
        </div><div class="item rpc-1">
          <div class="item-desc">
            <div class="cell">
              Ticket du Pays secret Avancé*5
            </div>
          </div>
        </div>
          </div>
          <div class="btn ed">
            NON QUALIFIÉ
          </div>
          <div class="sub-title">
            CONDITIONS POUR DEVENIR UN ANCIEN ENTRAÎNEUR:
          </div>
          <div class="sub-content">
            L'utilisateur qui s'est inscrit son compte avant 00:00 le 12/7, et qu'il ne s'est pas connecté pendant une durée de 00:00 le 12/7 à 00:00 le 19/7 et que sa connexion à la page de l'événement après 00:00 le 19/7 deviendra un ancien entraîneur et recevra un cadeau
          </div>
        </div>
        <div class="event2">
          <div class="title">
            ÉVÉNEMENT 2: QUIZ - ALLONS DEVINER
          </div>
          <div class="desc">
            Il y a un total de 10 monstres dans l'événement. Chaque fois, le système sélectionnera aléatoirement 5 d'entre eux. Les joueurs devront deviner <br> "quels sont-ils, ces 5 monstres?". Plus des monstres sont devinés correctement, plus les récompenses seront grosses. <br> Il y a 3 tours de quiz dans cet événement. Veuillez soumettre votre réponse avant la fin de l'événement.<span class="red"> 30 minutes</span> juste après la fin de chaque <br> tour, le résultat sera publié.
          </div>
          <div class="line">
            <div class="item overview">
              APERÇU DE LA RÉCOMPENSE
            </div>
            <div class="item gap"></div>
            <div class="item record">
              MON CADEAU
            </div>
          </div>

          <div class="timebar">
            <div class="item gray">
          <div class="icon left"></div>
          <div class="icon right"></div>
          <div class="box">
            <div class="cell">Récompense du 1èr tour 19/7 00:00-20/7 17:30</div>
          </div>
        </div><div class="item gray">
          <div class="icon left"></div>
          <div class="icon right"></div>
          <div class="box">
            <div class="cell">Récompense du 2ème tour 21/7 00:00-22/7 17:30</div>
          </div>
        </div><div class="item gray">
          <div class="icon left"></div>
          <div class="icon right"></div>
          <div class="box">
            <div class="cell">Récompense du 3ème tour 23/7 00:00-24/7 17:30</div>
          </div>
        </div>
          </div>

          <div class="pokemons">
            <div class="list">
              
          <div class="item rpc-2">
            <div class="pokemon-avatar">
              <div class="poke-g"></div>
              <div class="poke-l hide"></div>
              <div class="poke-c hide">
                <div class="icon left"></div>
                <div class="icon right"></div>
              </div>
            </div>
            <div class="pokemon-name">Diance</div>
          </div>
        
          <div class="item rpc-2">
            <div class="pokemon-avatar">
              <div class="poke-g"></div>
              <div class="poke-l hide"></div>
              <div class="poke-c hide">
                <div class="icon left"></div>
                <div class="icon right"></div>
              </div>
            </div>
            <div class="pokemon-name">Zéroïd</div>
          </div>
        
          <div class="item rpc-2">
            <div class="pokemon-avatar">
              <div class="poke-g"></div>
              <div class="poke-l hide"></div>
              <div class="poke-c hide">
                <div class="icon left"></div>
                <div class="icon right"></div>
              </div>
            </div>
            <div class="pokemon-name short">Engloutyran</div>
          </div>
        
          <div class="item rpc-2">
            <div class="pokemon-avatar">
              <div class="poke-g"></div>
              <div class="poke-l hide"></div>
              <div class="poke-c hide">
                <div class="icon left"></div>
                <div class="icon right"></div>
              </div>
            </div>
            <div class="pokemon-name">Lugia</div>
          </div>
        
          <div class="item rpc-2">
            <div class="pokemon-avatar">
              <div class="poke-g"></div>
              <div class="poke-l hide"></div>
              <div class="poke-c hide">
                <div class="icon left"></div>
                <div class="icon right"></div>
              </div>
            </div>
            <div class="pokemon-name">Hoopa</div>
          </div>
        
          <div class="item rpc-2">
            <div class="pokemon-avatar">
              <div class="poke-g"></div>
              <div class="poke-l hide"></div>
              <div class="poke-c hide">
                <div class="icon left"></div>
                <div class="icon right"></div>
              </div>
            </div>
            <div class="pokemon-name">Groudon</div>
          </div>
        
          <div class="item rpc-2">
            <div class="pokemon-avatar">
              <div class="poke-g"></div>
              <div class="poke-l hide"></div>
              <div class="poke-c hide">
                <div class="icon left"></div>
                <div class="icon right"></div>
              </div>
            </div>
            <div class="pokemon-name">Uxie</div>
          </div>
        
          <div class="item rpc-2">
            <div class="pokemon-avatar">
              <div class="poke-g"></div>
              <div class="poke-l hide"></div>
              <div class="poke-c hide">
                <div class="icon left"></div>
                <div class="icon right"></div>
              </div>
            </div>
            <div class="pokemon-name short">Mouscoto</div>
          </div>
        
          <div class="item rpc-2">
            <div class="pokemon-avatar">
              <div class="poke-g"></div>
              <div class="poke-l hide"></div>
              <div class="poke-c hide">
                <div class="icon left"></div>
                <div class="icon right"></div>
              </div>
            </div>
            <div class="pokemon-name short">Giratina</div>
          </div>
        
          <div class="item rpc-2">
            <div class="pokemon-avatar">
              <div class="poke-g"></div>
              <div class="poke-l hide"></div>
              <div class="poke-c hide">
                <div class="icon left"></div>
                <div class="icon right"></div>
              </div>
            </div>
            <div class="pokemon-name">Palkia</div>
          </div>
        
            </div>
            <div class="btn ed">
              Prédire
            </div>
          </div>
        </div>

        <div class="event3">
          <div class="title">
            ÉVÉNEMENT 3: CONNEXION PENDANT 7 JOURS
          </div>
          <div class="desc">
            Pendant l'événement, lorsque le joueur se connecte au jeu pendant un nombre de jours spécifié, il peut recevoir une récompense <br> correspondante, chaque récompense ne peut être collecté qu'une seule fois.
          </div>
          <div class="list">
            
          <div class="card rpc-4">
            <div class="pri"></div>
            <div class="btn gold" data-index="0">
              RECEVOIR
            </div>
          </div>
        
          <div class="card rpc-4">
            <div class="pri"></div>
            <div class="btn gold" data-index="1">
              RECEVOIR
            </div>
          </div>
        
          <div class="card rpc-4">
            <div class="pri"></div>
            <div class="btn gold" data-index="2">
              RECEVOIR
            </div>
          </div>
        
          <div class="card rpc-4">
            <div class="pri"></div>
            <div class="btn gold" data-index="3">
              RECEVOIR
            </div>
          </div>
        
          <div class="card rpc-4">
            <div class="pri"></div>
            <div class="btn gold" data-index="4">
              RECEVOIR
            </div>
          </div>
        
          <div class="card rpc-4">
            <div class="pri"></div>
            <div class="btn gold" data-index="5">
              RECEVOIR
            </div>
          </div>
        
          <div class="card rpc-4">
            <div class="pri"></div>
            <div class="btn gold" data-index="6">
              RECEVOIR
            </div>
          </div>
        
          </div>

        </div>

      </div>
    </div>

    <div class="nav-index">
      <div class="item">
        <div class="num">1</div>
        <div class="txt">
          <div class="cell hide">Cadeau pour l'ancien entraîneur</div>
        </div>
        <div class="hover" data-index="0"></div>
      </div><div class="item">
        <div class="num">2</div>
        <div class="txt">
          <div class="cell hide">Quiz - Allons deviner!</div>
        </div>
        <div class="hover" data-index="1"></div>
      </div><div class="item">
        <div class="num">3</div>
        <div class="txt">
          <div class="cell hide">Connexion pendant 7 jours</div>
        </div>
        <div class="hover" data-index="2"></div>
      </div><div class="item">
        <div class="num">4</div>
        <div class="txt">
          <div class="cell hide">Fanpage</div>
        </div>
        <div class="hover" data-index="3"></div>
      </div>
    </div>
    <div class="mask hide"></div>
    <div class="pop login hide">
      <div class="jlq"></div>
      <div class="close"></div>
      <div class="dashed"></div>
      <div class="dashed2"></div>
      <div class="x"></div>
      <div class="login">
        <div class="inputs">
          <div class="item">
            <div class="txt">
              Compte:
            </div>
            <input id="username" type="text" class="input" placeholder="Entrer le compte">
          </div>
          <div class="item">
            <div class="txt">
              Mots de passe:
            </div>
            <input id="password" type="password" class="input" placeholder="Entrer le mot de passe">
          </div>
        </div>
        <div class="btns">
          <div class="btn gold">
            CONNEXION
          </div>
          <div class="btn fb"></div>
        </div>
      </div>
    </div>

    <div class="pop ctn hide">
      <div class="jlq"></div>
      <div class="close"></div>
      <div class="dashed"></div>
      <div class="dashed2"></div>
      <div class="x"></div>
      <div class="ctn"></div>
    </div>

    <div class="pop server hide">
      <div class="jlq"></div>
      <div class="close"></div>
      <div class="dashed"></div>
      <div class="dashed2"></div>
      <div class="x"></div>
      <div class="server">
        <div class="txt">
          Entrez le nom du serveur:
        </div>
        <div class="box">
          <div class="item server">
            <select id="server"></select>
          </div>
          <div class="item role">
            <div id="role"></div>
            <div class="btn gold">
              Confirmer
            </div>
          </div>
        </div>

      </div>
    </div>

    <div class="pop overview hide">
      <div class="jlq"></div>
      <div class="close"></div>
      <div class="dashed"></div>
      <div class="dashed2"></div>
      <div class="x"></div>
      <div class="overview">
        
        <div class="item rpc-5">
          <div class="title">3 monstres devinés correctes</div>
          <div class="img"></div>
        </div>
      
        <div class="item rpc-5">
          <div class="title">4 monstres devinés correctes</div>
          <div class="img"></div>
        </div>
      
        <div class="item rpc-5">
          <div class="title">5 monstres devinés correctes</div>
          <div class="img"></div>
        </div>
      
      </div>
    </div>
</body>

</html>